Skip to content

Cleanup: remove the old IDE shell's CSS - #32

Merged
cedricvogel-leo merged 1 commit into
mainfrom
chore/remove-old-shell-css
Oct 25, 2026
Merged

cedricvogel-leo merged 1 commit into
mainfrom
chore/remove-old-shell-css

Conversation

@cedricvogel-leo

Copy link
Copy Markdown
Collaborator

Part of the P18 cleanup. The IDE's new shell has its own styles (ide-* in the IDE repo's index.css), so the old shell's rules in style.css are dead.

  • Removed (73 rules): .app-shell, .topbar, .brand*, .workspace-button, .project-menu*, .sidebar, .file-item/.file-action*, .statusbar, .status-dot, .devbar, .main-area and the rest of the old shell. I checked each class against the editor, the embed, the IDE and the macro, and none uses them.
  • Kept: hidden-input, auth-notice and icon-button are still used by the IDE.
  • Shortened: two selector lists lose their shell parts (the shared flex rule, and .pulse).
  • Restored: the workspace's focus outline shared a selector with .app-shell (:is(.app-shell, .glpython-workspace) …). It is kept as .glpython-workspace :is(…):focus-visible.
  • Also removed: the narrow-screen rule .editor-actions .secondary-button:first-child { display: none }. It hid the old order's first outlined button («Ausgabe zurücksetzen»). Since the reorder in P18 phase 2: stacked layout for the IDE (editor part) #30 the first button is ▶, so the rule matched nothing.

Nothing visible changes:

  • Embed: the six screenshots (REPL, visualization, turtle at 1440 and 820 widths) are byte-identical before and after.
  • IDE: the same six scenarios, built with v0.1.12's CSS and with this CSS, are byte-identical too.

Lint and both builds pass.

🤖 Generated with Claude Code

The IDE's shell (P18) has its own styles; style.css still held the old
one's rules (.app-shell, .topbar, .sidebar, .statusbar, .devbar, …), no
longer used by the IDE, the embed or the macro. 73 rules go, two selector
lists lose their shell parts; the workspace's focus outline, which shared a
selector with .app-shell, stays. A narrow-screen rule that hid the first
outlined button (the old order's «Ausgabe zurücksetzen») matched nothing
since the buttons were reordered, and goes too.

The embed's and the IDE's screenshots (REPL, visualization, turtle; 1440
and 820 wide) are byte-identical before and after.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@cedricvogel-leo
cedricvogel-leo merged commit fcc1176 into main Oct 25, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant